<%@ page contentType="text/html;charset=UTF-8" trimDirectiveWhitespaces="true"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/constrant.jsp"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/WEB-INF/views/wx/include/head.jsp" %>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a href="${ctxWx}/pu/my" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">关于发票</h1>
	</header>
	<div class="mui-content">
		<div class="mui-segmented-control mui-segmented-control-inverted">
			<a class="mui-control-item tabType" data-href="${ctxWx }/pu/rcpt/ordersList">开票申请</a>
			<a class="mui-control-item tabType mui-active">开票记录</a>
		</div>
		<c:if test="${not empty page.list}">
			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
				<c:forEach items="${page.list}" var="rcpt">
					<li class="mui-table-view-cell">
						<div class="mui-table">
							<div class="mui-table-cell mui-col-xs-10 ">
								<p style="color:#000000;"><span style="margin-right:28px;">发票抬头</span>：${rcpt.title }</p>
								<p style="color:#000000;">发票申请时间：<fmt:formatDate value="${rcpt.createDate }" pattern="yyyy-MM-dd" /></p>
							</div>
							<div class="mui-table-cell mui-col-xs-2 mui-text-right">
								<p style="color:#f0ad4e;font-weight:bold;"><i class="icon-yen"></i>${rcpt.rcptamount}</p>
								<p>${rcpt.rcptStatus == '1'?'开票申请中':'' }${rcpt.rcptStatus == '2'?'已确认开票':'' }</p>
							</div>
						</div>
					</li>
				</c:forEach>
			</ul>
			<div class="mui-content-padded">${page.wxhtml }</div>
		</c:if>
		<c:if test="${empty page.list}">
			<div style="padding:30px;text-align:center;font-size:14px;color:#9e9e9e;">
				没有开票历史
			</div>
		</c:if>
		<div class="fix-bottom2" style="margin-bottom:50px;"></div>
	</div>
	<%@ include file="/WEB-INF/views/wx/include/script.jsp"%>
	<script type="text/javascript">
		$('.tabType').on('tap',function(){
			var href=$(this).attr('data-href');
			if(href){
				window.location.href=href;
			}
		});
	</script>
</body>
</html>